<% include ../layout/oa_header.ejs %>

    <section id="tutorial" class="ftco-section ftco-work">
    	<div class="container-fluid">
    		<div class="row justify-content-center mb-5 pb-5">
          <div class="col-md-7 text-center heading-section ftco-animate">
            <h2 class="mb-2">在线演示</h2>
            <span class="subheading" style="margin-top:20px;">我们为您提供了线上演示功能，您可以在线上进行相关功能的体验</span>
          </div>
        </div>
        <div class="row justify-content-center mb-5 pb-5">
        	<div class="col-md-12 ftco-animate">
        		<div class="work-entry">
							<img src="/image/zaixianyanshi.png" />
              <div class="demoDesc"><a href="http://www.ed100.cn:8888/EasydOA" target="_blank" style="text-decoration: underline;">点击进入演示地址</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
              <div class="demoHint">为了避免在还不熟练使用时，用户在体验过程中删除一些信息出现各种问题，造成其他体验者无法使用，我们内置了部分员工，角色，组织架构以及权限，并对系统菜单中的，用户，角色，权限，组织架构等相关功能进行禁用，如果您需要自行创建组织架构，权限，角色等，您可以下载OA后进行全功能的使用</div>
              <div class="demoNote">我们模拟公司环境您提供了多类帐号，分饰不同的角色权限，密码统一为 123456</div>
              
              <div class="demoUsername">
                <p style="margin-top:50px;">
                  <span style="margin-right:20px;color:#000;"><b>超级管理员 - 帐号：root</b></span>
                  <span style="font-size:14px;">说明：拥有所有权限功能</span>
                  <div class="permissionsDesc">例如：组织架构，角色，权限的设置，可设计审批流程，申请，审批流程，工资管理，文档管理，客户查看，行政管理，资产，日志，通用模块配置等</div>
                </p>
                <p>
                  <span style="margin-right:20px;color:#000;"><b>公司总经理 - 帐号：m1</b></span>
                  <span style="font-size:14px;">说明：拥有所有权限功能</span>
                  <div class="permissionsDesc">例如：可设计审批流程，申请，审批流程，工资管理，文档管理，客户查看，行政管理，资产，日志，通用模块配置等</div>
                </p>
                <p>
                  <span style="margin-right:20px;color:#000;"><b>研发部部长 - 帐号：m2-3</b></span>
                  <span style="font-size:14px;">说明：拥有部门所需权限</span>
                  <div class="permissionsDesc">例如：申请各类流程表单（请假，调休），查看个人工资，内部邮件收发，个人文档，日志的管理，以及查看所有人员日志等</div>
                </p>
                <p>
                  <span style="margin-right:20px;color:#000;"><b>研发部组长 - 帐号：m3-7</b></span>
                  <span style="font-size:14px;">说明：拥有组长所需权限</span>
                  <div class="permissionsDesc">例如：申请各类流程表单（请假，调休），查看个人工资，内部邮件收发，个人文档，日志的管理</div>
                </p>
                <p>
                  <span style="margin-right:20px;color:#000;"><b>研发部员工 - 帐号：m3-5</b></span>
                  <span style="font-size:14px;">说明：拥有员工所需权限</span>
                  <div class="permissionsDesc">例如：申请各类流程表单（请假，调休），查看个人工资，内部邮件收发，个人文档，日志的管理</div>
                </p>
                <p style="width:60%;margin:0px auto;color:red;">还有一些员工，角色没有在此写出，例如市场部部长，行政部部长，市场部员工，行政部员工，他们也拥有各自的特殊权限操作，因为为演示系统，不做过于复杂的展示，您可以自行下载后，自由进行设置，在视频使用讲解中，我们会使用一些更多的角色来展现</p>
              </div>
        		</div>
        	</div>
        	
        </div>
    	</div>
    </section>

    <section class="ftco-section-parallax" style="margin-top:750px;">
      <div class="parallax-img d-flex align-items-center">
        <div class="container">
          <div class="row d-flex justify-content-center">
            <div class="col-md-7 text-center heading-section heading-section-white ftco-animate">
              <h2>有什么疑问可以加入我们一起学习</h2>
              <p>免费开源项目，只为让开发更加便捷，如果你想了解更多或者想取得联系欢迎联系我们</p>
            </div>
          </div>
        </div>
      </div>
		</section>
    <style> 
      .work-entry {
        width:100%;
        height:200px;
        text-align:center;
        margin-bottom:150px;
      }

      .work-entry img {
        width:280px;
        height:auto;
        margin-top:-100px;
      }

      .demoDesc {
        margin-top:30px;
      }

      .demoNote {
        margin-top:30px;
        border-bottom:1px solid #eee;
        padding-bottom:15px;
      }

      .demoHint {
        width:60%;
        margin:0px auto;
        margin-top:20px;
        font-size:14px;
        color:red;
      }

      .demoUsername {
        width:100%;
        margin-top:20px;
        font-size:14px;
      }

      .permissionsDesc {
        background:#eee;
        border-radius: 5px;
        width:60%;
        margin:0px auto;
        padding:10px;
        margin-bottom:60px;
        
      }
      
		</style>
    <% include ../layout/oa_footer.ejs %>